<template>
  <a-tabs v-model="tab" class="bg-white px-20 py-10">
    <a-tab-pane  tab="自有城市信息" :key="1">
      <CityItem/>
    </a-tab-pane>
    <a-tab-pane tab="自有国家信息" :key="2">
      <CountryItem/>
    </a-tab-pane>
    <a-tab-pane tab="自有大洲信息" :key="3">
      <ContinentItem/>
    </a-tab-pane>
  </a-tabs>
</template>

<script>

  import CityItem from './components/CityItem'
  import ContinentItem from './components/ContinentItem'
  import CountryItem from './components/CountryItem'

  export default {
    name: 'AdministrativeDivision',
    components: {
      CityItem,
      CountryItem,
      ContinentItem,
    },
    data() {
      return {
        tab: 1, // 当前选中的tab
      }
    },
    created() {

    },
    methods: {

    }

  }
</script>

<style scoped>

</style>